<template>
<el-popover
  placement="right"
  width="400"
  trigger="click">
  <el-form ref="form" :model="form" label-width="80px">
  <el-form-item label="价格区间">
    <el-select v-model="form.money" placeholder="请选择价格区间">
      <el-option label="15万以下" value="shanghai"></el-option>
      <el-option label="15万-25万" value="beijing"></el-option>
      <el-option label="25万-35万" value="beijing"></el-option>
      <el-option label="35万-50万" value="beijing"></el-option>
      <el-option label="50万-75万" value="beijing"></el-option>
      <el-option label="75万-100万" value="beijing"></el-option>
      <el-option label="100万以上" value="beijing"></el-option>
    </el-select>
  </el-form-item>
    <el-form-item label="汽车类型">
    <el-select v-model="form.weight" placeholder="请选择汽车类型">
      <el-option
      v-for="item in weight"
      :key="item.value"
      :label="item.label"
      :value="item">
      </el-option>
    </el-select>
  </el-form-item>
    <el-form-item label="驾驶类型">
    <el-select v-model="form.doRun" placeholder="请选择驾驶类型">
      <el-option label="中大型车" value="shanghai"></el-option>
      <el-option label="紧凑型SUV" value="beijing"></el-option>
      <el-option label="中型车" value="shanghai"></el-option>
      <el-option label="紧凑型车" value="beijing"></el-option>
      <el-option label="中型SUV" value="shanghai"></el-option>
      <el-option label="中大型SUV" value="shanghai"></el-option>
      <el-option label="小型车" value="beijing"></el-option>
      <el-option label="小型SUV" value="shanghai"></el-option>
      <el-option label="紧凑型MPV" value="beijing"></el-option>
      <el-option label="中大型MPV" value="shanghai"></el-option>
      <el-option label="微面" value="shanghai"></el-option>
      <el-option label="中型MPV" value="beijing"></el-option>
      <el-option label="皮卡" value="shanghai"></el-option>
      <el-option label="轻客" value="beijing"></el-option>
      <el-option label="微卡" value="shanghai"></el-option>
      <el-option label="跑车" value="shanghai"></el-option>
      <el-option label="大型车" value="beijing"></el-option>
      <el-option label="大型SUV" value="shanghai"></el-option>
      <el-option label="大型MPV" value="beijing"></el-option>
      <el-option label="中型" value="shanghai"></el-option>
      <el-option label="紧凑型" value="shanghai"></el-option>
      <el-option label="小型" value="beijing"></el-option>
      <el-option label="中大型" value="shanghai"></el-option>
    </el-select>
  </el-form-item>
  <el-form-item>
    <el-button type="primary" @click="onSubmit">立即查询</el-button>
    <el-button>取消</el-button>
  </el-form-item>
</el-form>
  <el-button slot="reference">为你推荐</el-button>
</el-popover>
</template>
<script>

export default {
  components: {

  },
  data(){
       return {
        weight:[{
          value: "SUV",
          label: "SUV",
          children: [
            { value: "紧凑型SUV", label: "紧凑型SUV" },
            { value: "小型SUV", label: "小型SUV" },
            { value: "中型SUV", label: "中型SUV" },
            { value: "中大型SUV", label: "中大型SUV" },
            { value: "大型SUV", label: "大型SUV" }
          ],
        },
        ],
        form: {
          money:'',
          weight:'',
          doRun:''
        }
    }
  },
  methods:{
          onSubmit() {
        console.log('submit!');
      }
  },
  created(){

  },
  mounted(){

  }
}
</script>

<style>

</style>